div.App {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

div.App div.Body{
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  flex-grow: 2;
  width: 100%;
  height: 100%;
  padding-top: 48px;
}

div.Body .box {
  overflow: auto;
}

div.Body .file-directory {
  min-width: 300px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  overflow-y: scroll;
}

div.Body .file-list{
  padding: 20px;
  display: flex;
  overflow-y: scroll;
  flex-grow: 3;
}

div.FileDirectory {
  width: 100%;
  /*height: 100%;*/

  padding: 20px;
  border-right: 2px solid #fafafa;
  box-shadow: 2px 2px 2px #555;

}

